<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>登录页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" href="../../css/mui.min.css" />
		<link rel="stylesheet" href="../../css/common.css"/>
		<link rel="stylesheet" href="../../css/login/login.css" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title"></h1>
		</header>
		
		<div class="mui-content">
		    <div class="mui-row">		        
		        <img class="avater" src="../../images/a1.jpg">
		    </div>
			<form class="mui-input-group">
			    <div class="mui-input-row">
			        <input name="username" type="text" class="mui-input-clear" placeholder="测试账号 admin"/>
			    </div>
			    <div class="mui-input-row">
			        <input name="password" type="text" class="mui-input-clear" placeholder="测试密码 123456">
			        <ul class="point">
			        	<li></li>
			        	<li></li>
			        	<li></li>
			        	<li></li>
			        	<li></li>
			        	<li></li>
			        	<li></li>
			        	<li></li>
			        	<li></li>
			        	<li></li>
			        	<li></li>
			        	<li></li>
			        	<li></li>
			        	<li></li>
			        	<li></li>
			        	<li></li>
			        </ul>
			        <a class="toggle">显示</a>
			    </div>
			</form>
			<div class="mui-row" style="padding: 0 20px;">
				<button id="login" type="button" class="mui-btn mui-btn-block">登录</button>
			    <div id="go1" class="mui-col-sm-6 mui-col-xs-6" style="text-align: left;">忘记密码</div>
			    <div id="go2" class="mui-col-sm-6 mui-col-xs-6" style="text-align: right;"><span class="sign">立即注册</span></div>
			</div>
			<div class="mui-row mui-bar-tab" id="footer">		
				
				<div class="mui-row">
					<div class="mui-col-sm-4 mui-col-xs-4" style="height: 1px;background: #666"></div>
					<div class="mui-col-sm-4 mui-col-xs-4 mui-ellipsis">第三方快捷登录</div>
					<div class="mui-col-sm-4 mui-col-xs-4" style="height: 1px;background: #666"></div>				    
				</div>
				
				<div class="mui-row oauth-area">
			    	<a style="visibility: hidden;"><img src="../../images/qq@3x.png" alt=""/></a>
			    	<a style="text-align: right;"><img src="../../images/qq@3x.png" alt="" onclick="login('qq')"/></a>
			    	<a><img src="../../images/wechat@3x.png" alt="" onclick="login('weixin')" /></a>
			    	<a style="text-align: left;"><img src="../../images/sina@3x.png" alt="" onclick="login('sinaweibo')" /></a>
			    	<a style="visibility: hidden;"><img src="../../images/sina@3x.png" alt=""/></a>
				</div>
				<!--提示信息-->
				<div id="output" style="z-index: -1;display: block; border: 0;"></div>

			</div>
			
			
		</div>
		<!--mui插件-->
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/urlConfig.js"></script>
		<script src="../../js/login/login.js"></script>
		<script>
			(function($) {
			$.enterfocus = function(selector, callback) {
					var boxArray = [].slice.call(document.querySelectorAll(selector));
					for (var index in boxArray) {
						var box = boxArray[index];
						box.addEventListener('keyup', function(event) {
							if (event.keyCode == 13) {
								var boxIndex = boxArray.indexOf(this);
								if (boxIndex == boxArray.length - 1) {
									if (callback) callback();
								} else {
									//console.log(boxIndex);
									var nextBox = boxArray[++boxIndex];
									nextBox.focus();
								}
							}
						}, false);
					}
				};
			}(window.mui = window.mui || {}));
			
			
					
			
		</script>
	</body>

</html>